<!doctype html>
<html class="no-js">
<head>
  <include file="./Apps/WebApp/View/default/common_meta.html" />
  <title>绑定邮箱 - {$CONF['mallTitle']}</title>
  <meta name="keywords" content="{$CONF['mallKeywords']},绑定邮箱" />
  <meta name="description" content="{$CONF['mallDesc']},绑定邮箱" />
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/AmazeUI/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/common.css?v={$WST_V}">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/userinfo.css?v={$WST_V}">
</head>
<body>
    <header class="wst-nav">
      <div class="am-g">
        <div class="am-u-sm-2">
          <a href="{:U('WebApp/Users/toUserInfo')}" class="wst-header-left"><i class="am-icon-angle-left am-icon-sm"></i></a>
        </div>
        <div class="am-u-sm-8 wst-nav-center">
          <span class="wst-header-center">绑定邮箱</span>
        </div>
        <div class="am-u-sm-2">&nbsp;</div>
      </div>
    </header> 
    
    <div class="am-g bindemail-area">
      <div class="am-u-md-12">
        <?php if( session('WST_USER.userEmail') != '' ){?>
          <p>您当前已绑定的邮箱： <?php echo session('WST_USER.userEmail');?></p>
        <?php } ?>
        <p>请输入要绑定的邮箱：</p>
        <fieldset class="am-form-set">
          <div class="am-form">
            <div class="am-g">
              <div class="am-u-sm-12 email-row">
                <input type="text" class="am-form-field wstinput" id="userEmail" name="userEmail" placeholder="邮箱">
              </div>
              <div class="am-u-sm-6">
                <input type="text" class="am-form-field wstinput verifyCode" id="verifyCode" name="verifyCode" placeholder="验证码">
              </div>
              <div class="am-u-sm-6 verifyImg-area">
                <img class='email-verifyImg verifyImg' id="verifyImg" src='__ROOT__/Apps/WebApp/View/default/images/clickForVerify.png' title='刷新验证码' onclick="javascript:getVerify('verifyImg');"/> 
              </div>
            </div>
          </div>
        </fieldset>
        <button type="button" class="am-btn am-btn-block sendemail" id="sendEmail">发送邮箱验证码</button>
        <div class="bind-area">
          <fieldset class="am-form-set">
            <div class="am-form">
              <div class="am-g">
                <div class="am-u-sm-12 email-row">
                  <input type="text" class="am-form-field wstinput" id="emailCode" name="emailCode" placeholder="请输入邮箱验证码">
                </div>
              </div>
            </div>
          </fieldset>
          <button type="button" class="am-btn am-btn-block sendemail" id="bindEmail">绑定邮箱</button>
        </div> 
      </div>
    </div>

  <include file="./Apps/WebApp/View/default/common_footer.html" /> 
  <include file="./Apps/WebApp/View/default/common_js.html" /> 
  <script src="__ROOT__/Apps/WebApp/View/default/js/userinfo.js?v={$WST_V}"></script>
  <script>
    $(document).ready(function(){
        getVerify('verifyImg');
    });
  </script>
</body>
</html>